/* Container for the download buttons */
.gemini-download-controls {
    margin-top: 8px; /* Space above the buttons */
    margin-bottom: 4px; /* Optional space below */
    /* Adjust padding-left based on visual inspection of Gemini UI */
    /* Example: Match indentation of code blocks or message text */
    padding-left: 56px;
    display: flex;
    flex-wrap: wrap; /* Allow buttons to wrap on small screens */
    gap: 8px; /* Space between buttons */
    align-items: center;
}

/* Basic button styling */
.gemini-download-controls button {
    /* Consider mimicking Gemini's button style for better integration */
    background-color: #f0f4f9; /* Example light theme background */
    color: #1f1f1f; /* Example light theme text */
    border: 1px solid #dadce0;
    padding: 4px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px; /* Match Gemini's typical font size */
    line-height: 1.4;
    opacity: 0.85;
    transition: opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
    font-family: inherit; /* Use the page's font */
}

/* Hover state */
.gemini-download-controls button:hover {
    background-color: #e8f0fe; /* Slightly different background on hover */
    border-color: #c6dafc;
    opacity: 1;
}

/* Active state */
.gemini-download-controls button:active {
    background-color: #d2e3fc; /* Darker background when clicked */
    border-color: #a8c7fa;
}

/* Optional: Add specific classes if you want different icons/styles */
.gemini-download-html-button {
    /* Specific styles for HTML button if needed */
}

.gemini-download-md-button {
    /* Specific styles for Markdown button if needed */
}

/* Marker class to indicate injection - no visual style needed */
.gemini-download-controls-injected {
    /* This class is just for the idempotency check in JS */
}